import React, { Component, Fragment } from 'react';
import { connect } from 'dva';
import { Layout, message, Space, Menu, Modal, Form, Input, Checkbox, Button, Radio, Card, PageHeader, Image } from 'antd';
import style from '../assets/less/baseLess.less'
import 'antd/dist/antd.css';
const { Header, Content, Sider } = Layout;

class TotalPage extends Component {
    constructor(props) {
        super(props)
    }

    cardReplacePage = url => {
        this.props.dispatch({
          type: 'app/appMenuReplacePage',
          data:url
        })
      }
    

    render() {
        return (
            <Layout>
                <Header style={{ background: '#FFFFFF', width: '100%', height: '193px', margin: '0 auto', padding: 0 }} >
                    <div style={{ width: '1080px', height: '193px', margin: '0 auto', backgroundImage: `URL(${require('../assets/imgs/totalTitle.png')})`, paddingRight: "20px", textAlignLast: "right" }}>
                        {/* {this.welcomeUser(this.props.logind)} */}
                    </div>
                </Header>
                <Layout style={{ background: '#FFFFFF' }}>
                    <Content id={style.content}>
                        <PageHeader
                            className="site-page-header"
                            onBack={() => null}
                            title="快速导航"
                            subTitle="Fast Navigation"
                            backIcon={false}
                        >
                        </PageHeader>
                        <div>
                            <Space size="large">
                                <Card
                                    bordered={false}
                                    bodyStyle={{ width: 216, height: 150 }}
                                    width={220}
                                    cover={
                                        <Image
                                            src={require("../assets/imgs/vertificationTechnology.png")}
                                            width={252}
                                            height={87}
                                            preview={false}
                                            onClick={()=>{this.cardReplacePage('/technology')}}
                                        >
                                        </Image>
                                    }
                                >
                                    <p className={style.cardP}>通过客观科学的数据来评估固废资源化技术的性能，为技术购买者和其他相关方提供真实可信的评估，供其在选择固废资源化技术时作参考，加速创新技术进入市场</p>
                                </Card>
                                <Card
                                    bordered={false}
                                    width={220}
                                    bodyStyle={{ width: 216, height: 150 }}
                                    cover={
                                        <Image
                                            src={require("../assets/imgs/technicalValuation.png")}
                                            width={252}
                                            height={87}
                                            preview={false}
                                            onClick={()=>{this.cardReplacePage('/technologyValuation')}}
                                        >
                                        </Image>
                                    }
                                >
                                    <p className={style.cardP}>基于技术专利的结构化数据和经济数据从定性和定量两个角度来评估固废资源化技术的价值，为技术的购买者和相关管理人员提供可靠的技术价值评估，供其在购买技术时作参考，从而降低交易成本，加速技术在市场上的流通</p>
                                </Card>

                                <Card
                                    bordered={false}
                                    width={220}
                                    bodyStyle={{ width: 216, height: 150 }}
                                    cover={
                                        <Image
                                            src={require("../assets/imgs/technologyPatent.png")}
                                            width={252}
                                            height={87}
                                            preview={false}
                                            onClick={()=>{this.cardReplacePage('/patentDataSearch')}}
                                        >
                                        </Image>
                                    }
                                >
                                    <p className={style.cardP}>针对不同情境下固废资源化综合利用技术的推广情况进行模拟，分析不同因素组合情景下影响技术扩散效果的因素，从而有利于管理部门制定准确、针对性的推广措施，增加技术扩散速度</p>
                                </Card>

                                <Card
                                    bordered={false}
                                    width={220}
                                    bodyStyle={{ width: 216, height: 150 }}
                                    cover={
                                        <Image
                                            src={require("../assets/imgs/policySimulation.png")}
                                            width={252}
                                            height={87}
                                            preview={false}
                                            onClick={()=>{this.cardReplacePage('/policySimulation')}}
                                        >
                                        </Image>
                                    }
                                >
                                    <p className={style.cardP}>针对技术推广、固废资源化综合利用等进行政策模拟，实现政策优化</p>
                                </Card>
                            </Space>
                        </div>
                        <p style={{marginTop:190,fontWeight:"bold"}}>研发单位：南开大学、南京邮电大学、南京第五十五所技术开发有限公司</p>
                    </Content>

                </Layout>
            </Layout>
        )
    }
}

const mapStateToProps = state => {

}

export default connect(mapStateToProps)(TotalPage)